/**
 * Created by shbs on 06/06/2018.
 */
Product={
    defpage:{
        elem:"page",//放置分页的容器 <div id="page" ></div>
        count:200,//数据总数
        limit:10,//每页多少条数据,
        curr:1,//当前页数
        pageJump:function (obj,first) {
            /**
             * 页码更改后 回调方法
             */
            //obj包含了当前分页的所有参数，比如：
            console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
            console.log(obj.limit); //得到每页显示的条数
            //首次不执行
            if(!first){
                //do something
            }
        }
    }
};

/**
 * 初始化分页  请在合适的实际调用 使用前请完善 page
 * @param page
 */
Product.initPage=function (page) {
    layui.use(['element',"laypage"], function(){
        var laypage = layui.laypage;
        laypage.render({
            elem: 'page'
            ,count: page.count
            ,limit:page.limit
            ,curr: page.curr
            ,prev: "<span style='font-size: 16px'><</span>"
            ,next: "<span style='font-size: 16px'>></span>"
            ,first: '首页'
            ,last: '尾页'
            ,layout: ['prev', 'page', 'next','skip','count']
            ,jump: function(obj, first){
                if( page.pageJump){
                    page.pageJump(obj, first)
                }
            }
        });
    });

};
/**
 * 顶部搜索 方法
 * @param text
 */
Product.doSearch=function (text) {
    console.log("搜索的文字是:"+text);
};

Product.init=function () {


    layui.use(['element',"laypage","form"], function(){
        var element = layui.element;
        var form = layui.form;
        var $=layui.$;
        <!--高级筛选增加部分-->
        var advancedIsShow=false;
        $("#btnsearch").click(function () {
            if(!advancedIsShow){
                $("#advanced_search").show();
                $(this).find("i").removeClass("layui-icon-down").addClass("layui-icon-up");
            }else {
                $("#advanced_search").hide();
                $(this).find("i").addClass("layui-icon-down").removeClass("layui-icon-up");
            }
            advancedIsShow=!advancedIsShow;
        });
        <!--高级筛选增加部分-->
        $("#searchinput").keyup(function(event){
            if(event.keyCode ==13){
                Product.doSearch($(this).val())
            }
        })
    });
    Product.Tab.init();//初始化标签Tab
    //保证表格加载完成 再运行下面方法
    Product.textTip.init(); //初始化表格长文字提示
    Product.initPage(Product.defpage);//初始化分页
};
Product.Tab={
    init:function () {
        layui.use(['element'], function(){
            var $ = layui.$
            var iszk=false;
            if( $("#tab").length){
                $(".tab-title-line").append('<div class="loadmore" style="display: none">更多↓</div>')

                var titlehe= $("#tab").find(".tab-title")[0].offsetHeight
                if(titlehe>40){
                    $("#tab").find(".loadmore").show();

                }
                $(".loadmore").on("click",function () {
                    if(iszk){
                        $("#tab").find(".tab-title-line").removeClass("show")
                        $("#tab").find(".loadmore").html("更多↓");
                    }else {
                        $("#tab").find(".tab-title-line").addClass("show")
                        $("#tab").find(".loadmore").html("收起↑");
                    }
                    iszk=!iszk;
                })
                $(".tab-title li").on("click",function () {
                    if($(this).hasClass("layui-this")){
                        return
                    }
                    $(".tab-title").find(".layui-this").removeClass("layui-this")
                    $(this).addClass("layui-this");
                    var index =$(this).index();
                    var lists =$(".tab-content .layui-tab-item");
                    if(lists.length>=index){
                        var chose = $(".tab-content .layui-tab-item")[index];
                        if($(chose).hasClass("layui-show")){
                            return
                        }
                        $(".tab-content .layui-show").removeClass("layui-show");
                        $(chose).addClass("layui-show")
                    }
                })
            }

            $(window).resize( function(){
                if( $("#tab").length){

                    var titlehe= $("#tab").find(".tab-title")[0].offsetHeight
                    if(titlehe>40){
                        $("#tab").find(".loadmore").show();
                    }else {
                        $("#tab").find(".loadmore").hide();

                    }
                }
            } );
        })


    }

};
Product.textTip={
  init:function () {
      layui.use(['element',"layer"], function(){
          var $ = layui.$
          var layer = layui.layer;
          var ly;
          var html;
          $(".layui-table .longtext").hover(function () {
               html =$(this).html();
              ly= layer.tips("<div style='color: #333'>"+html+"</div>", this, {
                  tips: [3,"#fdfdfd"],
                  time:0
              });
          },function(){
              if(ly){
                  layer.close(ly);
              }
          })
      })
}
};
(function () {
    Product.init();
})()